<template>
  <div>
      <Topbar></Topbar>
      <div class="box1">
        <div class="cont">
          <img src="video01.png" alt="">
        </div>
      </div>
       <div class="box2">
        <div class="cont">
            <Videolist v-for="(v,i) in arr" :key="i" :tit1="v.tit1" :tit2="v.tit2" :tit3="v.tit3" :tit4="v.tit4" :imgurl="v.imgurl"></Videolist>
        </div>
      </div>
        <div class="box2">
        <div class="cont">
            <Videolist v-for="(v,i) in arr" :key="i" :tit1="v.tit1" :tit2="v.tit2" :tit3="v.tit3" :tit4="v.tit4" :imgurl="v.imgurl"></Videolist>
        </div>
      </div>
        <div class="box2">
        <div class="cont">
            <Videolist v-for="(v,i) in arr" :key="i" :tit1="v.tit1" :tit2="v.tit2" :tit3="v.tit3" :tit4="v.tit4" :imgurl="v.imgurl"></Videolist>
        </div>
      </div>
        <div class="box2">
        <div class="cont">
            <Videolist v-for="(v,i) in arr" :key="i" :tit1="v.tit1" :tit2="v.tit2" :tit3="v.tit3" :tit4="v.tit4" :imgurl="v.imgurl"></Videolist>
        </div>
      </div>
      
      
  </div>
</template>

<script>
import Topbar from "@/components/topbar.vue";
import Videolist from "@/components/videolist.vue";
export default {
  components:{
    Topbar,Videolist
  },
   data(){
    return{
       arr :[
      { tit1:"写了日记",tit2:"2017-03-01 19:30:40",tit3:"豆瓣App 4.12.0 主要更新",tit4:"可以写读书笔记了，同时支持编辑。随时随地，摘录砰然心动的短路，写下阅读时的随感。写笔记吧，你...", imgurl:"video02.png"},
     
    ]
    }
  },
}
</script>

<style scoped>
  .box1{
    width:100%;
    height: 1.5rem;
    font-size: 0;
    margin-top:0.8rem;
    
  }
  .box1.cont{
    width: 90%;
    height: 1.3rem;
    margin:0 auto;
    /* border-bottom:1px solid #666; */
  }
  .box1 img{
    width:100%;
    height: 100%;
  }
  .box2{
    width:100%;
    height: 2.3rem;
    font-size: 0;
    border:none;
   
    
  }
  .box2 .cont{
    width: 90%;
    height: 2.3rem;
    margin:0 auto;
    border-bottom:1px solid #666;
  }
</style>